<template>
  <div>
<van-nav-bar left-arrow>
  <template #right>
  </template>
</van-nav-bar>
    <van-search
      show-action
      label="上海"
      @click="goCity"
      placeholder="请输入小区或地址"
      @search="onSearch"
      background="rgba(0,0,0,0)"
      class="searchBox"
    >
      <template #action>
        <div @click="onSearchMap()" class="mapImg">
          <img src="@/assets/homeIconfont/mapIcon.png" width="100%" />
        </div>
      </template>
    </van-search>
<van-dropdown-menu>
  <van-dropdown-item v-model="value1" :options="option1" title="区域"/>
  <van-dropdown-item v-model="value2" :options="option2" title="方式"/>
  <van-dropdown-item v-model="value2" :options="option3" title="租金"/>
  <van-dropdown-item v-model="value2" :options="option4" title="筛选"/>
</van-dropdown-menu>
  </div>
</template>

<script>
export default {
  name: 'FindHomeHome',

  data () {
    return {
      value: 0,
      cityOptions: [{ text: '上海', value: 0 }, { text: '杭州', value: 1 }, { text: '北京', value: 2 }]
    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.searchBox {
  position: absolute;
  top:7px;
  z-index: 2;
  width: 100%;
  padding: 0 10px;
  margin-left: 10px;
}
.mapImg {
  width: 25px;
  height: 24.8px;
  // background-color: red;
  margin-right: 10px;
}
</style>
